*{
	margin: 0;
	padding: 0;
/*	overflow: hidden;*/
	box-sizing: border-box;
	background-color: transparent;
	font-family: 'AndriodDefault';
	font-size:.16rem ;
    -webkit-tap-highlight-color:tranparent;
}

.vicMaskHide {
    position: absolute;
    top: .5rem;
    margin-left: -.34rem;
    width: 2.67rem;
    height: 3.28rem;
    z-index: 0;
    /* background: red; */
}

.hide {}

.vicPayBtnInAlert {
    text-align: center;
    margin-top: .7rem;
    margin-left: .3rem;
    display: block;
    width: 1.54rem;
    line-height: .6rem;
    height: .6rem;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.vicMaskAlert {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    text-align: center;
    z-index: 2;
}
.vicTip {
    width: 100%;
    height: 43%;
    /* background: red; */
    font-size: .14rem;
    color: #fff;
}

.vicMaskPayAlert {
    position: fixed;
    padding: .9rem .4rem 0;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 57%;
    margin-left: -45%;
    margin-top: -50%;
    background-size: contain;
    /* background-color: red; */
    background-repeat: no-repeat;
    background-position: center;
    z-index: -2;
}

.vicMaskPayAlert.MC>.vicMaskHide {
    position: absolute;
    top: .49rem;
    left: 0.54rem;
    width: 2.57rem;
    height: 2.34rem;
    z-index: -1;
}

.vicGetMoney {
    position: fixed;
    top: 50%;
    left: .1rem;
    display: block;
    width: .7rem;
    height: .7rem;
    color: #f9bba8;
    z-index: 1;
    font-size: .3rem;
    line-height: .45rem;
    text-align: center;
    border-radius: 50%;
    background-image: url(../images/zhuan.png);
    background-size: 100% 100%;
 
}

.vicShare {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/share.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.71);
    z-index: 2;
}

.vicAlphaMask {
    position: absolute;
    top: .64rem;
    left: .11rem;
    /*background: rgba(0,0,0,.3);*/
    width: 2.88rem;
    height: 2.43rem;
    z-index: 2;
    background-image: url(../images/mask.png);
    background-size: 100% 100%;
}

.vicTechSupport {
    position: relative;
    bottom: 0;
    padding-top: .2rem;
    width: 100%;
    height: 0.71rem;
    text-align: center;
    font-size: .138rem;
    color: #4A4A4A;
    background: url(../images/support.png);
    background-size: cover;
}

.vicHeroListCon>.vicHeroList {
    position: relative;
    width: 100%;
    height: 2.4rem;
    overflow: hidden;
    padding: 0 .1rem;
}

.vicHeroListCon>.vicHeroList>.vicHeroItem {
	position: absolute;
	display: -webkit-flex;
	-webkit-align-items: center;
	width: 2.7rem;
	height: .45rem;
	border-bottom: 1px solid #F5EFFA;
	font-size: .15rem;
}

.vicHeroListCon>.vicHeroList>.vicHeroItem:first-child {
    margin-top: .0rem;
}

.vicHeroListCon>.vicHeroList>.vicHeroItem.vicNo1>.vicRankingPos {
    font-size: .16rem;
    font-weight: bolder;
    color: #FF8124;
}
.vicHeroListCon>.vicHeroList>.vicHeroItem.vicNo2>.vicRankingPos {
    font-size: .16rem;
    font-weight: bolder;
    color: #FFC200;
}
.vicHeroListCon>.vicHeroList>.vicHeroItem.vicNo3>.vicRankingPos {
    font-size: .16rem;
    font-weight: bolder;
    color: #5100A1;
}
.vicHeroListCon>.vicHeroList>.vicHeroItem>.vicRankingPos {
    font-size: .16rem;
    width: .44rem;
}

.vicHeroListCon>.vicHeroList>.vicHeroItem>.vicHeroImg {
    width: .3rem;
    border-radius: 50%;
    height: .3rem;
    -webkit-flex-grow:0;
    -webkit-flex-shrink:0;
}
.vicHeroListCon>.vicHeroList>.vicHeroItem>.vicNickName {
    width: 1.0rem;
}
.vicHeroListCon>.vicHeroList>.vicHeroItem>.vicMoney {
    font-size: .12rem;
    width: .42rem;
    margin-right: 0;
}
.vicHeroListCon>.vicHeroList>.vicHeroItem>* {
    display: block;
    float: left;
    margin-right: .1rem;
}

.vicHeroListCon>.vicHeroList>.vicHeroItem:last-child {
/*     border: 0; */
}

.vicContent>.vicStars {
    position: relative;
    width: 100%;
    height: 3.1rem;
    background-clip: content-box;
    background-image: url(../images/lightBoard.png);
    background-size: 100%;
    text-align: center;
    background-repeat: no-repeat;
}

.vicContent>.vicStars>.vicStarList {
    display: block;
    width: 2.34rem;
    height: .75rem;
    margin: 0 auto;
    margin-top: .08rem;
    line-height: 0;
    overflow: hidden;
}

.vicContent>.vicStars>.btn {
    position: absolute;
    bottom: .5rem;
    left: 50%;
    width: 1.2rem;
    height: .4rem;
    margin-left: -.6rem;
}

.vicContent>.vicStars>.vicStarList>li {
    float: left;
    width: 33.3333%;
    background-image: url(../images/noLightingStar.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}
.vicContent>.vicStars>.vicStarList>li.vicLighting {
    background-image: url(../images/lightingStar.png);
}

.vicContent>.vicStars>h4 {
    font-size: .18rem;
    margin-top: .4rem;
    color: #FFE600;
    font-weight: 100;
    line-height: 0.22rem;
}

.vicContent>.vicStars>h6 {
    padding: .06rem .25rem 0rem .35rem;
    font-size: .12rem;
    color: #C8B2E0;
    line-height: .17rem;
    font-weight: 100;
    text-align: left;
}

.vicContent>.vicHeroListCon {
    background-image: url(../images/redBagBoard.png);
    background-size: 100%;
    padding: .65rem .10rem .2rem;
    height: 3.3rem;
    background-repeat: no-repeat;
    margin: 0 .05rem;
    position: relative;
}

span.vicJoinedCount {
    position: absolute;
    margin-top: 11px;
    padding: 0;
    color: #FFDE00;
    font-size: .14rem;
    width: 2.8rem;
    text-align: center;
}

.vicProcess {

    position: relative!important;
    margin-top: .2rem;
    width: 100%;
    padding: 0 .2rem;
    /* padding-top: .1rem; */
    height: .5rem;
    overflow: visible;
    /* background: rgba(0, 0, 0, 0.28); */
}


.vicFixed {
}

.vicContent {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: .6rem;
    background: url(../images/bg3.jpg);
    z-index: 0;
    overflow-y: scroll!important;
}

.vicContent>.vicCusImgsContainer>img {
    width: 100%;
    height: auto;
    display: block;
}

.vicContent>.vicCusImgsContainer {
    width: 100%;
    height: auto;
}

section.vicContent>.vicProcess>.vicProcessBg>.vicProcessFg {
    left: 0;
    top: 0;
    /* background: blue; */
    background-image: url(../images/processFg3.png);
    background-size: contain;
    background-repeat: repeat-x;
    width: 30%;
}
section.vicContent>.vicProcess>.vicProcessBg {
    position: relative!important;
    /*background: #5700A4;*/
    border: .02rem solid #fff;
    /* overflow: hidden; */
    box-sizing: content-box;
    box-shadow: .02rem .02rem .02rem .0rem #666;
}

section.vicContent>.vicProcess>.vicProcessBg>.vicProcessFg:after {
	content: "";
	position: absolute;
	top: -.06rem;
	right: -0.12rem;
	display: block;
	width: .28rem;
	height: .28rem;
	background: url(../images/processF3x.png);
	background-size: 110%;
}
section.vicContent>.vicProcess>.vicProcessBg>.vicProcessFg:before {
	content: "30%";
	position: absolute;
	top: 0rem;
	right: -.44rem;
	display: block;
	width: .28rem;
	height: .28rem;
	background-size: 110%;
	color: #FFDE00;
	font-size: .12rem;

}

span[class^=vicProcess] {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    display: block;
    height: .15rem;
    width: 2.8rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: visible;
    border-radius: .1rem;
}

section.vicContent>.vicProcess>.vicProcessFg {background-image: url(../images/processFg3x.png);}



section.vicContent>img.bg {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: -4;
}

section.vicContent>img.vicCusImg {
    width: 100%;
    height: auto;
}

.vicFixed>.vicConnection {
    position: fixed;
    bottom: 0;
    height: .6rem;
    padding: 0.07rem .2rem;
    width: 100%;
    background:  url(../images/line3x.png);
    background-size: cover;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
}

.vicFixed>.vicConnection>* {
    display: block;
    /* float: left; */
    height: 100%;
}

.vicFixed>.vicConnection>*:nth-child(3) {
    float: right;
}

.vicFixed>.vicConnection>.vicJoin {
    width: 1.15rem;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    background-position: center;
    font-weight: bolder;
}

.vicFixed {
}

.vciFixed>.vicConnection {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: .6rem;
}

.vicFixed>.vicMusic {
    position: fixed;
    top: .1rem;
    right: .15rem;
    text-align: center;
    line-height: 0.2rem;
    font-size: .13rem;
    width: .25rem;
    height: .25rem;
    /* background: #00ffae; */
    background-image: url(../images/music2x.png);
    border-radius: 50%;
    /* border: 2px solid #fff; */
    z-index: 2;
    color: #fff;
    background-size: contain;
}

.vicFixed>.vicMsg {
    padding: 0 .14rem;
    position: fixed;
    width: 100%;
    height: .44rem;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.43);
}

vicFixed>.vicMsg {
    position: fixed;
    top: 0;
    height: .44rem;
    background-color: #905353;
}
html,body{
	width:100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

/*body {background: url(../images/bg3x.jpg);background-size: cover;}*/

.vicMaskJoin {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    text-align: center;
    z-index: 2;
}

.vicMaskJoin>.vicTakePartIn {
    position: absolute;
    top: 22%;
    left: 50%;
    margin-left: -1.4rem;
    right: .12rem;
    padding-top: .65rem;
    height: 2.72rem;
    background: url(../images/joinBoard3x.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.vicMaskJoin>.vicTakePartIn>.vicBtn {
    border: none;
    margin-top: .12rem;
    width: 1.88rem;
    color: #FFE900;
    height: .48rem;
    background: url(../images/payForJoin3x.png);
    background-size: contain;
    outline: none;
    background-position-y: .02rem;
}

.vicMaskJoin>.vicTakePartIn>h4 {
}

.vicMaskJoin>.vicTakePartIn>[class^=vicInputCon] {
    margin-right: .18rem;
    margin-top: .1rem;
    width: 2.5rem;
    margin-left: .18rem;
    height: .4rem;
    text-align: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.vicMaskJoin>.vicTakePartIn>.vicInputConN {
    background-image: url(../images/nameBox3x.png?1);
}

.vicMaskJoin>.vicTakePartIn>.vicInputConP{
    background-image: url(../images/phoneBox3x.png?1);
}

.vicMaskJoin>.vicTakePartIn>[class^=vicInputCon]>input {
    border: none;
    display: block;
    float: right;
    outline: none;
    background: transparent;
    margin-top: .135rem;
    width: 1.82rem;
    font-size: .12rem;
}

.vicMaskJoin>.vicTakePartIn>h4 {
    font-size: .13rem;
    color: #484848;
}
.vicMaskEWM{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 2;
}
.vicBmUrl{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 2;
}
.vicMaskEWMAlert {
    position: fixed;
    padding:  0;
    top: 50%;
    left: 50%;
    width: 2.8rem;
    height: auto;
    margin-left: -1.4rem;
    margin-top: -66%;
    text-align: center;
}

.vicEWMWY {
    color: #FFD600;
    font-size: .17rem;
}

.vicEWMWW {
    display: block;
    color: #fff;
    font-size: .13rem;
    padding: .05rem;
}
.vicEWMTip {
    width: 100%;
    height: 52%;
    /* background: red; */
    font-size: .17rem;
    color: #FFD600;
}

.vicEWMImg {
    margin-top: .1rem;
    height: 1.05rem;
}

.vicMaskCall{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 2;
}

.vicMaskCall>.vicCallCon {
	position: absolute;
	top: 32%;
	left: 50%;
	padding-top: .7rem;
	margin-left: -1.4rem;
	width: 2.8rem;
	height: 1.5rem;
	background: url(../images/callBoard3x.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.vicMaskCall>.vicCallCon>* {
    float: left;
}

.vicMaskCall>.vicCallCon>.desc {
    margin-top: .07rem;
    margin-left: .1rem;
    width: 1.06rem;
    font-size: .14rem;
    color: #4D4D4D;
}

.vicMaskCall>.vicCallCon>a>.Btn {
    margin-top: .04rem;
    width: .72rem;
    height: .39rem;
}

.vicMaskCall>.vicCallCon>.desc>span {
    display: block;
    font-size: .14rem;
}

.vicMaskCall>.vicCallCon>.desc>.vicPhone:before {content: "";display: block;margin-top: .02rem;width: .16rem;height: .16rem;float: left;background-image: url(../images/callIcon3x.png);background-size: contain;}

.vicMaskCall>.vicCallCon>.vicCallImg {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    margin-left: .28rem;
}
.vicFixed>.vicMsg>li{
	position:absolute;
	list-style: none;
	padding: .06rem 0;
}
.vicFixed>.vicMsg>li>.vicHimg{
	display: block;
	float: left;
	height: .32rem;
	width: .32rem;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
}
.vicFixed>.vicMsg>li>span.vicDesc{
	
float: left;
	
width: 2.25rem;
	
height: .32rem;
	
line-height: .32rem;
	
font-size: .13rem;
	
padding-left: .1rem;
	
color: #fff;
}